<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8" />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>

<!--[if lt IE 7]>
 <style type="text/css">
 .dock img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,300,700&subset=cyrillic-ext,latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="stylesheets/jquery.sidr.dark.css">
<link media="screen" href="demo/styles/demo.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="demo2.css?v=2">
</head>
<body>
<header>
	<ul id="nav">
     <div class="logo">
		<h1 class="logo"><a href="index.html">Legal <span>Service</span> Center</a></h1>
		<!--h2 class="logo">Юридическое бюро</h2-->
	</div>
	<li class="current"><a href="javascript:void(0);">Главная</a></li>
	<li><a href="javascript:void(0);">О нас</a>

		<ul>
			<li><a href="javascript:void(0);">Наша история</a>
				<ul>
					<li><a href="javascript:void(0);">Наш коллектив</a></li>
					<li><a href="javascript:void(0);">Руководство</a></li>
					<li><a href="javascript:void(0);">Что нас продвигает</a></li>
					<li><a href="javascript:void(0);">Наши лозунги</a></li>

				</ul>
			</li>
			<li><a href="javascript:void(0);">Наш коллектив</a>
				<ul>
					<li><a href="javascript:void(0);">Учредитель</a></li>
                    <li><a href="javascript:void(0);">Директор</a></li>
				</ul>
			</li>
			<li><a href="javascript:void(0);">Руководство</a></li>

			<li><a href="javascript:void(0);">Что нас продвигает</a></li>
		</ul>
	</li>
	<li><a href="#">Статьи</a>
		<ul>
			<li><a href="#">Регистрация ЧП</a>
				<ul>

					<li><a href="#">Как</a></li>
					<li><a href="#">Что</a>
						<ul>
							<li><a href="#">Что регестрировать</a></li>
							<li><a href="#">Зачем регистрировать</a></li>
							<li><a href="#">Где регистроровать</a></li>

						</ul>
					</li>
					
					<li><a href="#">Типы</a></li>
				</ul>
			</li>
			<li><a href="#">Сводка</a></li>
			<li><a href="#">Еще какое меню</a></li>

			<li><a href="#">Новые законы</a>
				<ul>
					<li><a href="#">Закон о налогах</a></li>
					<li><a href="#">Закон о регистрации</a></li>
					<li><a href="#">Еще что-то</a></li>
				</ul>
			</li>

		</ul>
	</li>	
	<li><a href="#">Вопросы</a></li>
    <li><a id="simple-menu" href="#sidr">Услуги</a></li>
    <li><a  id="remote-content-menu" href="'#callback-menu'">Контакты</a></li>
</ul>

	<br><br><br><br><br><br><br>
<div style="width:600px; margin: 0px auto">
   

    <div id="sidr">
        <!-- Контейнер -->
        <ul>
        	<h3>Услуги для бизнеса</h3>
            <li><a href="#">Регистрация предприятий</a></li>
            <li><a href="#">Ликвидация предприятий</a></li>
            <li><a href="#">Хозяйственные споры, арбитраж</a></li>
            <li><a href="#">Налоговые споры</a></li>
            <li><a href="#">Административные споры</a></li>
            <li><a href="#">Составление договоров</a></li>
            <li class="active"><a href="#">Абонентское обслуживание</a></li>
        </ul>
        <hr>
         <ul>
        	<h3>Услуги для бизнеса</h3>
            <li><a href="#">Список 1</a></li>
            <li><a href="#">Список 1</a></li>
            <li><a href="#">Список 1</a></li>
            <li><a href="#">Список 1</a></li>
            <li><a href="#">Список 1</a></li>
            <li><a href="#">Список 1</a></li>
            <li class="active"><a href="#">Список 2</a></li>
            <li><a href="#">Список 3</a></li>
        </ul>
    </div>
    
 </div>   
    
   
</header>
<div class="content">
	<h1>Юридическое бюро "Legal Service Center"</h1>
    <div class="text">
    	<p>
         <img src="images/photo.jpg">
        	Здравствуйте дорогие и уважаемые Клиенты и просто Посетители сайта. Рады Вам представить нашу Юридическую фирму в г. Донецк, которая с радостью окажет профессиональную адвокатскую помощь всем кому она необходима. Если Вы интересуетесь надежной юридической поддержкой по какому либо правовому вопросу, Вас интересует юридическая консультация, либо Вам нужен хороший и профессиональный Адвокат или Юрист в г. Донецк для защиты Ваших интересов в суде, то Вы попали по адресу.
           
        </p>
        <p>
        	Почему клиенты выбирают именно нас среди такого богатого спектра юридических фирм в Донецком регионе? Ответ очень прост. Мы - профессиональные юристы. Многолетний опыт, который каждый из нас начинал в определенной сфере юриспруденции, поспособствовал развитию профессиональных навыков, выделил лучшие стороны правоприменительной практики, научимл правильному и тонкому пониманию проблем клиента и нахождению способов решения этих проблем! Мы отличаемся от многих юристов и адвокатов которые ставят перед собой цель пополнить свои кошельки за счет чужого горя и поверхностно относятся к решению поставленных перед ними задач. Цель нашей практики - доказать клиенту, что 95 % проблем можно решить если начать действовать своевременно и со свежим профессиональным взглядом опытного адвоката или юриста. Наша фирма занимается различными видами юридической практики, от регистрации и ликвидации фирм, до сложных судебных процессов. Однако на этом мы не останавливаемся и постоянно находим новые направления в деятельности, которые закономерно возникают на фоне меняющихся процессов в общественно политической жизни нашего государства и его законодательного поля.
        </p>
        <p>
        	Таким образом, не откладывайте свои юридические проблемы в долгий ящик и направляйтесь к нам в офис на консультацию!
        </p>
        <p>
        	<h3>ПОМНИТЕ - с хорошим адвокатом или юристом ЗАКОН ВСЕГДА НА ВАШЕЙ СТОРОНЕ!</h3>
        </p>
        <div class="clar"></div>
    </div>
    
</div>

</body>
</html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="jquery.sidr.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#simple-menu').sidr();
        });
    </script>

    <script>
        $(document).ready(function() {
            $('#left-menu').sidr({
                name: 'sidr-left',
                side: 'left' // по умолчанию
            });
            $('#right-menu').sidr({
                name: 'sidr-right',
                side: 'right'
            });
        });
    </script>

    <script>
    $(document).ready(function() {
        $('#existing-content-menu').sidr({
            name: 'sidr-existing-content',
            source: 'left.txt'
        });
        $('#remote-content-menu').sidr({
            name: 'sidr-remote-content',
            source: 'content.html'
        });
         $('#callback-menu').sidr({
            name: 'callback',
            source: function(name) {
                return '<h1>Меню ' + name + '</h1><p>Все работает отлично!</p>';
            }
        });
    });
</script>